.user {
  padding: 20px 0;
  color: var(--title-color);
  display: flex;

  .left {
    padding: 0 20px 20px;
    width: 840px;
    margin-right: 10px;

    .box {
      padding: 10px 0 30px;
      border-bottom: 1px solid #999;

      .content {
        // 关于我
        padding-left: 40px;
        .c {
          flex: 1;
          margin-left: 100px;
          font-size: 15px;
          p {
            padding: 5px 0;
          }

          .name {
            color: var(--title-bc);
          }
        }
        p {
          color: var(--desc-color);
        }
        // 项目经历item
        .item {
          font-size: 14px;
          position: relative;
          padding-bottom: 15px;
          .time {
            padding: 10px 0;
          }
          .sItem {
            padding: 10px 20px;
            line-height: 24px;
            border: 1px solid var(--border-color);
            border-radius: 6px;
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
            background: var(--item-bg);
            h3 {
              margin-bottom: 10px;
            }
            a {
              color: var(--title-bc);
            }
          }
        }

        .item:before {
          content: "";
          border-radius: 50%;
          width: 14px;
          height: 14px;
          background: var(--border-color);
          position: absolute;
          left: -30px;
          top: 12px;
        }
        .item:not(:last-child):after {
          content: "";
          width: 2px;
          height: 100%;
          background: var(--border-color);
          position: absolute;
          left: -24px;
          top: 14px;
        }
      }

      .title {
        font-size: 22px;
        margin-bottom: 10px;
      }
    }
  }
}
